.cur1 .item:nth-child(1) {
-webkit-animation:flipInX .8s .2s ease both;
-moz-animation:flipInX .8s .2s ease both;
animation:flipInX .8s .2s ease both;}

.cur1 .item:nth-child(2) {
-webkit-animation:flipInX .8s .3s ease both;
-moz-animation:flipInX .8s .3s ease both;
animation:flipInX .8s .3s ease both}

.cur1 .item:nth-child(3) {
-webkit-animation:flipInX .8s .4s ease both;
-moz-animation:flipInX .8s .4s ease both;
animation:flipInX .8s .4s ease both;}

.cur1 .item:nth-child(4) {
-webkit-animation:flipInX .8s .5s ease both;
-moz-animation:flipInX .8s .5s ease both;
animation:flipInX .8s .5s ease both;}

.cur1 .item:nth-child(5) {
-webkit-animation:flipInX .8s .6s ease both;
-moz-animation:flipInX .8s .6s ease both;
animation:flipInX .8s .6s ease both;}

@keyframes flipInX{
0%{transform:perspective(400px) rotateX(120deg);
opacity:0}
40%{transform:perspective(400px) rotateX(-10deg)}
100%{transform:perspective(400px) rotateX(0deg);
opacity:1}
}

@-webkit-keyframes flipInX{
0%{-webkit-transform:perspective(400px) rotateX(120deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1}
}
@-moz-keyframes flipInX{
0%{-moz-transform:perspective(400px) rotateX(120deg);
opacity:0}
40%{-moz-transform:perspective(400px) rotateX(-10deg)}
100%{-moz-transform:perspective(400px) rotateX(0deg);
opacity:1}
}

.cur2 .item:nth-child(1) {
-webkit-animation:flipInY 1s .2s ease both;
-moz-animation:flipInY 1s .2s ease both;
animation:flipInY 1s .2s ease both;}
.cur2 .item:nth-child(2) {
-webkit-animation:flipInY 1s .25s ease both;
-moz-animation:flipInY 1s .25s ease both;
animation:flipInY 1s .25s ease both;}
.cur2 .item:nth-child(3) {
-webkit-animation:flipInY 1s .3s ease both;
-moz-animation:flipInY 1s .3s ease both;
animation:flipInY 1s .3s ease both;}
.cur2 .item:nth-child(4) {
-webkit-animation:flipInY 1s .35s ease both;
-moz-animation:flipInY 1s .35s ease both;
animation:flipInY 1s .35s ease both;}
.cur2 .item:nth-child(5) {
-webkit-animation:flipInY 1s .4s ease both;
-moz-animation:flipInY 1s .4s ease both;
animation:flipInY 1s .4s ease both;}


@keyframes flipInY{
0%{transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{transform:perspective(400px) rotateY(-10deg)}
70%{transform:perspective(400px) rotateY(10deg)}
100%{transform:perspective(400px) rotateY(0deg);
opacity:1}
}

@-webkit-keyframes flipInY{
0%{-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0}
60%{-webkit-transform:perspective(400px) rotateY(-10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1}
}
@-moz-keyframes flipInY{
0%{-moz-transform:perspective(400px) rotateY(90deg);
opacity:0}
60%{-moz-transform:perspective(400px) rotateY(-10deg)}
100%{-moz-transform:perspective(400px) rotateY(0deg);
opacity:1}
}



.cur3 .item:nth-child(1) {
-webkit-animation:flip .5s .2s ease both;
-moz-animation:flip .5s .2s ease both;
animation:flip .5s .2s ease both;}
.cur3 .item:nth-child(2) {
-webkit-animation:flip .5s .3s ease both;
-moz-animation:flip .5s .3s ease both;
animation:flip .5s .3s ease both;}
.cur3 .item:nth-child(3) {
-webkit-animation:flip .5s .4s ease both;
-moz-animation:flip .5s .4s ease both;
animation:flip .5s .4s ease both;}
.cur3 .item:nth-child(4) {
-webkit-animation:flip .5s .5s ease both;
-moz-animation:flip .5s .5s ease both;
animation:flip .5s .5s ease both;}
.cur3 .item:nth-child(5) {
-webkit-animation:flip .5s .6s ease both;
-moz-animation:flip .5s .6s ease both;
animation:flip .5s .6s ease both;}

@keyframes flip{

0%{transform:perspective(400px) rotateY(180deg) scale(1);
animation-timing-function:ease-in}
60%{transform:perspective(400px) rotateY(360deg) scale(.95);
animation-timing-function:ease-in}
100%{transform:perspective(400px) scale(1);
animation-timing-function:ease-in}
}

@-webkit-keyframes flip{

0%{-webkit-transform:perspective(400px) rotateY(180deg) scale(1);
-webkit-animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) scale(1);
-webkit-animation-timing-function:ease-in}
}
@-moz-keyframes flip{

00%{-moz-transform:perspective(400px) rotateY(180deg) scale(1);
-moz-animation-timing-function:ease-in}
60%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95);
-moz-animation-timing-function:ease-in}
100%{-moz-transform:perspective(400px) scale(1);
-moz-animation-timing-function:ease-in}
}
